<!DOCTYPE html>
<!-- saved from url=(0065)https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html# -->
<html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js消息通知框、对话框、确认框和Loading插件</title>

<!--默认设置，可无视-->
<link rel="stylesheet" type="text/css" href="./js消息通知框、对话框、确认框和Loading插件_files/normalize.css">

<!--布局，可无视-->
<link rel="stylesheet" type="text/css" href="./js消息通知框、对话框、确认框和Loading插件_files/demo.css">

<!--核心插件样式-->
<link rel="stylesheet" href="./js消息通知框、对话框、确认框和Loading插件_files/notiflix-1.3.0.min.css">

<link id="NotiflixGoogleDNS" rel="dns-prefetch" href="https://fonts.googleapis.com/"><link id="NotiflixQuicksand" rel="stylesheet" href="./js消息通知框、对话框、确认框和Loading插件_files/css"></head>
<body>

<div class="demo" style="width:900px; margin: 0 auto">
	<h3>消息通知</h3>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="msg-success">成功消息</a>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="msg-error">错误消息</a>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="msg-warning">警告消息</a>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="msg-info">info消息</a>
	<h3>对话框</h3>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="dialog-success">打开成功对话框</a>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="dialog-error">打开失败对话框</a>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="dialog-warning">打开警告对话框</a>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="dialog-info">打开info对话框</a>
	<h3>确认框</h3>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="confirm">打开确认框</a>
	<h3>Loading</h3>
	<a href="https://www.17sucai.com/preview/1528155/2019-04-21/tc/index.html#" id="loading">Loading</a>
</div>

<script src="./js消息通知框、对话框、确认框和Loading插件_files/jquery-1.11.0.min.js.下载" type="text/javascript"></script>
<script src="./js消息通知框、对话框、确认框和Loading插件_files/notiflix-1.3.0.min.js.下载" type="text/javascript"></script>
<script>
	$(function(){
		Notiflix.Notify.Init();
		Notiflix.Report.Init();
		Notiflix.Confirm.Init();
		Notiflix.Loading.Init({
			clickToClose:true
		});
		$('#msg-success').click(function(){
			Notiflix.Notify.Success('Sol lucet omnibus');
		})
		$('#msg-error').click(function(){
			Notiflix.Notify.Failure('Qui timide rogat docet negare');
		})
		$('#msg-warning').click(function(){
			Notiflix.Notify.Warning('Memento te hominem esse');
		})
		$('#msg-info').click(function(){
			Notiflix.Notify.Info('Cogito ergo sum');
		})
		$('#dialog-success').click(function(){
			 Notiflix.Report.Success( 'Notiflix Success', '"Do not try to become a person of success but try to become a person of value." <br><br>- Albert Einstein', 'Click' ); 
		})
		$('#dialog-error').click(function(){
			  Notiflix.Report.Failure( 'Notiflix Failure', '"Failure is simply the opportunity to begin again, this time more intelligently." <br><br>- Henry Ford', 'Click' ); 
		})
		$('#dialog-warning').click(function(){
			  Notiflix.Report.Warning( 'Notiflix Warning', '"The peoples who want to live comfortably without producing and fatigue; they are doomed to lose their dignity, then liberty, and then independence and destiny." <br><br>- Mustafa Kemal Ataturk', 'Click' ); 
		})
		$('#dialog-info').click(function(){
			  Notiflix.Report.Info( 'Notiflix Info', '"Knowledge rests not upon truth alone, but upon error also." <br><br>- Carl Gustav Jung', 'Click' ); 
		})
		$('#confirm').click(function(){
			   Notiflix.Confirm.Show( 'Notiflix Confirm', 'Do you agree with me?', 'Yes', 'No', function(){ alert('Thank you.'); } ); 
		})
		$('#loading').click(function(){
			   Notiflix.Loading.Standard();
		})
	})
</script>


</body></html>